﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="generator" content="JsDoc Toolkit" />
		
		<title>API for jQuery LigerUI 1.0</title>

		<style type="text/css">
			/* default.css */
body
{
	font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; 
}

.header
{
	clear: both;
	background-color: #ccc;
	padding: 8px;
}
li{ line-height:17px;}
h1
{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0 .3em;
}

hr
{
	border: none 0;
	border-top: 1px solid #7F8FB1;
	height: 1px;
}

pre.code
{
	display: block;
	padding: 8px;
	border: 1px dashed #ccc;
}

#index
{
	margin-top: 24px;
	float: left;
	width: 160px;
	position: absolute;
	left: 8px;
	background-color: #F3F3F3;
	padding: 8px;
}

#content
{
	margin-left: 5px; 
}

.classList
{
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 8px;
	font-family: arial, sans-serif;
	font-size: 1em;
	overflow: auto;
}

.classList li
{
	padding: 0;
	margin: 0 0 8px 0;
}

.summaryTable { width: 100%; }

h1.classTitle
{
	font-size:170%;
	line-height:130%;
}

h2 { font-size: 110%; }
caption, div.sectionTitle
{
	background-color: #7F8FB1;
	color: #fff;
	font-size:130%;
	text-align: left;
	padding: 2px 6px 2px 6px;
	border: 1px #7F8FB1 solid;
}

div.sectionTitle { margin-bottom: 8px; }
.summaryTable thead { display: none; }

.summaryTable td
{
	vertical-align: top;
	padding: 4px;
	border-bottom: 1px #7F8FB1 solid;
	border-right: 1px #7F8FB1 solid;
}

/*col#summaryAttributes {}*/
.summaryTable td.attributes
{
	width: 140px;
	text-align: right;
}

td.attributes, .fixedFont
{
	line-height: 15px;
	color: #002EBE;
	font-family: "Courier New",Courier,monospace;
	font-size: 13px;
}

.summaryTable td.nameDescription
{
	text-align: left;
	font-size: 13px;
	line-height: 15px;
}
table.summaryTable
{border-left: 1px #7F8FB1 solid;
}
.summaryTable td.nameDescription, .description
{
	line-height: 15px;
	padding: 4px;
	padding-left: 4px;
}

.summaryTable { margin-bottom: 8px; }

ul.inheritsList
{
	list-style: square;
	margin-left: 20px;
	padding-left: 0;
}

.detailList {
	margin-left: 20px; 
	line-height: 15px;
}
.detailList dt { margin-left: 20px; }

.detailList .heading
{
	font-weight: bold;
	padding-bottom: 6px;
	margin-left: 0; font-size:13px;
}

.light, td.attributes, .light a:link, .light a:visited
{
	color: #777;
	font-style: italic;
}

.fineprint
{
	text-align:center;
	font-size: 10px;
}
.description ul,.l-params-row-cell ul
{
    list-style:none; padding:0; padding-left:14px; padding-right:5px;
}
.l-params-table
{
    border-bottom:1px solid #C1C1C1; border-right:1px solid #C1C1C1;
}
.l-params-table td
{border-left:1px solid #C1C1C1; border-top:1px solid #C1C1C1;
}
.l-params-hd-cell
{
    background:#DBDBDB;padding:8px; line-height:23px;
}
.l-cell-Function-parms
{
    border:1px dashed #C1C1C1; background:white;
}
.l-params-row-cell
{
    padding:8px;line-height:23px;
}
.l-params-hd-cell-name
{
}
.l-row-Function
{
    background:#f5f5f5;
}

.l-params-hd-cell-default
{width:100px;
}
.l-params-hd-cell-type
{
    
}
.l-params-hd-cell-desc
{
}
		</style>
	</head>

	<body style="padding:10px">
<!-- ============================== header ================================= -->	
		<!-- begin static/header.html -->
		<div id="header">
</div>
		<!-- end static/header.html -->

<!-- ============================== classes index ============================ -->

		
		<div id="content">
<!-- ============================== class title ============================ -->


<!-- ============================== class summary ========================== -->			
			<p class="description">
				
				
			
				 
			</p>

<!-- ============================== constructor summary ==================== -->			
			

<!-- ============================== properties summary ===================== -->
			

<!-- ============================== methods summary ======================== -->
			 
				
			
<!-- ============================== events summary ======================== -->
			

<!-- ============================== constructor details ==================== -->		
			

<!-- ============================== field details ========================== -->		
			

<!-- ============================== method details ========================= -->		
			
				<div class="sectionTitle">
					插件方法详细
				</div>
				
					<a name="ligerResizable"> </a>
					<div class="fixedFont">
					
					<span class="light">{jQuery}</span>
					<b>ligerResizable</b>(p)
					
					</div> 
					<dl class="detailList">
						<dt class="heading">描述:</dt>
					<div class="description"><ul>
<li>使目标对象可以调整大小。</li>
</ul></div>
					</dl>
					
					<dl class="detailList">
							<dt class="heading">例子:</dt>
					
					<pre class="code">
$("#exam1").ligerResizable();</pre>
					</dl>
					
					
					
						
							<dl class="detailList">
							<dt class="heading">参数列表:</dt>
							
							<table class='l-params-table' cellpadding="0" cellspacing="0">
								<tr>
								<td class='l-params-hd-cell l-params-hd-cell-name'>参数名</td>
								<td class='l-params-hd-cell l-params-hd-cell-type'>类型</td> 
								<td class='l-params-hd-cell l-params-hd-cell-desc'>描述</td>
								<td class='l-params-hd-cell l-params-hd-cell-default'>默认值</td>
								</tr>
							
								<tr class = 'l-row-Object'>
								<td class='l-params-row-cell'>p</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Object}</span> </td> 
								<td class='l-params-row-cell'>主要参数</td>
								<td class='l-params-row-cell'></td>
								</tr>
								
								<tr class = 'l-row-String'>
								<td class='l-params-row-cell'>p.handles</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{String}</span> </td> 
								<td class='l-params-row-cell'>调整大小的作用区域，在这个区域才可以触发调整大小。字符串。包括n , e, s, w, ne, se, sw, nw这八个方向，可自由选择一个或多个，多个时用逗号隔开(jQuery selector)，也可以是一个Dom jQuery对象</td>
								<td class='l-params-row-cell'>"n, e, s, w, ne, se, sw, nw"</td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.maxWidth</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>最大宽度</td>
								<td class='l-params-row-cell'>2000</td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.maxHeight</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>最大高度</td>
								<td class='l-params-row-cell'>2000</td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.minWidth</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>最小宽度</td>
								<td class='l-params-row-cell'>20</td>
								</tr>
								
								<tr class = 'l-row-Int'>
								<td class='l-params-row-cell'>p.minHeight</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Int}</span> </td> 
								<td class='l-params-row-cell'>最小高度</td>
								<td class='l-params-row-cell'>20</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onStartResize</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>开始调整大小事件 
<ul class='l-cell-Function-parms'>
<li>参数1：current(Object 包括 dir,left,top,width,height)</li> 
<li>参数2：e</li> 
</ul></td>
								<td class='l-params-row-cell'>null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onResize</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>调整大小事件 
<ul class='l-cell-Function-parms'>
<li>参数1：current(Object 包括 dir,left,top,width,height,newWidth,newHeight,diffTop,diffLeft)</li> 
<li>参数2：e</li> 
</ul></td>
								<td class='l-params-row-cell'>null</td>
								</tr>
								
								<tr class = 'l-row-Function'>
								<td class='l-params-row-cell'>p.onStopResize</td>
								<td class='l-params-row-cell'><span class="light fixedFont">{Function}</span> </td> 
								<td class='l-params-row-cell'>结束调整大小事件
<ul class='l-cell-Function-parms'>
<li>参数1：current(Object 包括 dir,left,top,width,height,newWidth,newHeight,diffTop,diffLeft)</li> 
<li>参数2：e</li> 
</ul></td>
								<td class='l-params-row-cell'>null</td>
								</tr>
								
							</table>
							</dl>
						
						
						
						 
						
							<dl class="detailList">
							<dt class="heading">返回值:</dt>
							
								<dd><span class="light fixedFont">{jQuery}</span> jQuery对象</dd>
							
							</dl>
						
						
						

					
				
			
			
<!-- ============================== event details ========================= -->		
			
			
			<hr />
		</div>

		
<!-- ============================== footer ================================= -->
		<div class="fineprint" style="clear:both">
			

			API for jQuery LigerUI 1.0(Documentation generated by JsDoc Toolkit)
		</div>
	</body>
</html>
